<template>
    <div class="main">
        <div class="card-item">
            <qutation />
        </div>
        <div class="card-item">
            <wallet />
        </div>
        <div class="card-item">
            <user />
        </div>
        <div class="card-item">
            <TrackQuery />
        </div>
        <div class="card-item">
            <MessageCenter />
        </div>
    </div>
</template>
<script setup>
import Qutation from '@/components/Qutation.vue'
import Wallet from '@/components/Wallet.vue'
import User from '@/components/User.vue'
import TrackQuery from '@/components/TrackQuery.vue'
import MessageCenter from '@/components/MessageCenter.vue'


</script>

<style lang="scss">
.main{
    padding:5px;
    display: flex;
    flex-wrap: wrap;
    .card-item{
        margin-left:5px;
        margin-top:5px;
    }
    .card-title{
        font-size:20px;
    }
}
</style>